


        var view = document.querySelector('.three ul');
        // var main = document.getElementById('main');
        var circles = document.getElementsByClassName('circle');
        var sy_wulan = document.querySelector('.sy_wulan');



        var prev = document.querySelector('.prev');
        var next = document.querySelector('.next');

        // 控制图片的
        var count = 0;

        // 3、点击下一个按钮，ul移动
        next.onclick = function () {
            count++;
            if (count == view.children.length - 4) {

                view.style.left = 0;
                count = 1;
            }
            // 求出每次移动的距离
            var target = count * (-236);
            // 走动画
            moveAnimation1(view, target);
        }
        // 4、点击上一个按钮，ul移动，小圆点跟着图片移动
        prev.onclick = function () {
            // 是否是第一张图片

            if (count == 0) {
                count = view.children.length - 4;
                view.style.left = count * (-236) + 'px';
                console.log(count);
            }
            count--;

            // 求出每次移动的距离
            var target = count * (-236);
    
            // 走动画
            moveAnimation1(view, target);
        }
        // 5、自动轮播，调用右边按钮事件就可以了
        function autoPlay() {
            view.autoId = setInterval(function () {
                next.onclick();
            }, 3000)
        }
        // 1、鼠标移入图片，暂停图片切换
        sy_wulan.onmouseover = function () {
            clearInterval(view.autoId);
        }

        sy_wulan.onmouseover = function () {
            clearInterval(view.autoId);
        }

        // 2、鼠标离开图片，启动
        sy_wulan.onmouseout = function () {
            autoPlay();
        }
        // 执行函数 
        autoPlay()

        document.addEventListener('visibilitychange', function () {
            var isHidden = document.hidden;

            if (isHidden) {   //切换页面时执行
                // 轮播停止
                clearInterval(view.autoId);
            } else {
                // 轮播继续
                autoPlay();
            }
        })

        function moveAnimation1(ele, target) {
            clearInterval(ele.interId)
            ele.interId = setInterval(function () {
                if (ele.offsetLeft == target) {
                    clearInterval(ele.interId)
                } else if (ele.offsetLeft < target) {
                    var dis = (ele.offsetLeft + 13) > target ? target : (ele.offsetLeft + 13);
                    ele.style.left = dis + 'px';
                } else if (ele.offsetLeft > target) {
                    var dis = (ele.offsetLeft - 13) < target ? target : (ele.offsetLeft - 13);
                    ele.style.left = dis + 'px';
                }
            }, 10);
        }



        $(document).ready(function () {
            $('.flexslider').flexslider({
                directionNav: true,
                pauseOnAction: false,
                slideshowSpeed: 3000
            });
        });

        // 点击X关闭广告
        $('.guangGao').click(function () {
            $(this).parents('.sYding_box').remove()

        })
        // 重新设置样式
        $('_center5 a').css({
            color: '#333',
        })

        var con = document.querySelector('.sYshangpin_box');
        var sYdingwei = document.querySelector('.sYdingwei');
        var nav = document.querySelector('.guDding .nav');
        var nav_box = document.querySelector('.toubu');
        $(window).on('scroll', function () {
            // 判断二级导航距离顶部的距离
            if (con.offsetTop - document.documentElement.scrollTop <= -300) {
                sYdingwei.id = 'guDding_donghua';
                // 给导航栏隐藏
            }
            else {
                sYdingwei.id = 'guDding_donghua1';
            }
        })

        // 1、到达主体楼层时，侧边栏先出现
        // 2、根据不同的主体部分，对应的侧边栏进行颜色变化
        var main1 = document.querySelector('.sYding_box');
        var sideBar = document.querySelector('.sYleft_daiH');
        var items = document.getElementsByClassName('floor_Tlou');
        var floors = document.getElementsByClassName('item_Tlou');

        var sYdao = $('.sYleft_i')

        // 封装一个排它思想
        function backstart(ele) {
            for (var i = 0; i < ele.length; i++) {
                ele[i].style.backgroundColor = '#fff';
                ele[i].style.color = '#000';
                sYdao[i].style.display = 'none';
            }
        }

        $(window).on('scroll', function () {
            if (window.pageYOffset >= main1offset) {
                sideBar.style.display = 'block';
                // console.log(window.pageYOffset);
                // console.log(main1offset);
            } else {
                sideBar.style.display = 'none';
            }
        })

        // 获取盒子的位置

        var main1offset = $('.item_Tlou').offset().top - 100

        $(window).on('scroll', function () {
            if (window.pageYOffset >= main1offset) {
                sideBar.style.display = 'block';
                // console.log(window.pageYOffset);
            } else {
                sideBar.style.display = 'none';
            }
            // 根据范围设置侧边栏的颜色
            for (var i = 0; i < floors.length; i++) {
                if (window.pageYOffset + 40 >= floors[i].offsetTop) {
                    backstart(items);
                    // items[i].children('i').setAttribute('id', 'sYleft_i')
                    items[i].style.backgroundColor = '#ff4040';
                    items[i].style.color = 'white';
                    sYdao[i].style.display = 'block';
                }
            }
        })


        $('.floor_Tlou').click(function () {

            if ($(this).children('span').is('#floor_Tloutop')) {
                $('html,body').stop().animate({
                    // 顶部的偏移量是盒子距离顶部的距离
                    scrollTop: 0
                })
                return
            }
            else {
                // 拿到点击的下标
                var index1 = $(this).index()+1
                // 去匹配主题的下标
                var index2 = $('.item_Tlou').eq(index1).offset().top - 60;


                $('html,body').stop().animate({
                    // 顶部的偏移量是盒子距离顶部的距离
                    scrollTop: index2
                })
            }
        })




        // 侧边栏位置监听滚轮事件
        $(window).on('scroll', function () {
            
            var sYleft_nub = $('#lin .two').offset().left - 100
            $('.sYleft_daiH').css({
                left: sYleft_nub
            })
        })


        $('.sYshangpin_Yincang').on('mousemove', function () {
            $('.sYerji_box')[0].style.display = 'block'
        })

        $('.sYshangpin_Yincang').on('mouseout', function () {
            $('.sYerji_box')[0].style.display = 'none'
        })